<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<title>首页展示</title>
	<script src="../js/vue.min.js"></script>
	<script src="../js/axios.min.js"></script>
	<script src="../static/global.js"></script>
	<script  src="../js/jquery.js"></script>
	<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
	<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />
	<link rel="stylesheet" type="text/css" href="../seckillJs/css/base.css">
	<link rel="stylesheet" type="text/css" href="../seckillJs/css/home.css">
	<link href="../basic/css/demo.css" rel="stylesheet" type="text/css" />

	<link href="../css/hmstyle.css" rel="stylesheet" type="text/css"/>
	<link href="../css/skin.css" rel="stylesheet" type="text/css" />
	<script src="../AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
	<script src="../AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
	<script type="text/javascript" src="../seckillJs/js/banner.js"></script>
	<script type="text/javascript" src="../seckillJs/js/ad.js"></script>
</head>

<span id="app" style="display: block">
<div class="hmtop">
	<!--顶部导航条 -->
	<div class="am-container header">
		 <ul class="message-l">
        <div class="topMessage">
            <div class="menu-hd">
                <a href="login.html" target="_top" class="h">亲，请登录</a>
                <a href="register.html" target="_top">免费注册</a>
            </div>
        </div>
    </ul>
    <ul class="message-r">
        <div class="topMessage home">
            <div class="menu-hd"><a href="home.html" target="_top" class="h">商城首页</a></div>
        </div>
        <div class="topMessage my-shangcheng">
            <div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
        </div>
        <div class="topMessage mini-cart">
            <div class="menu-hd"><a id="mc-menu-hd" href="#" @click="GouWuChe()"  target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
        </div>
        <div class="topMessage favorite">
            <div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
        </div>
    </ul>
	</div>

	<!--悬浮搜索框-->

	<div class="nav white">
		<div class="logo"><img src="../images/logo.png" /></div>
		<div class="logoBig">
			<li><img src="../images/logobig.png" /></li>
		</div>

		<div class="search-bar pr">
			<a name="index_none_header_sysc" href="#"></a>
			<form>
				<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
				<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
			</form>
		</div>
	</div>

	<div class="clear"></div>
</div>
<div class="banner">
	<!--轮播 -->
	<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
		<ul class="am-slides">
			<li class="banner1"><a href="introduction.html"><img src="../images/ad1.jpg" /></a></li>
			<li class="banner2"><a><img src="../images/ad2.jpg" /></a></li>
			<li class="banner3"><a><img src="../images/ad3.jpg" /></a></li>
			<li class="banner4"><a><img src="../images/ad4.jpg" /></a></li>

		</ul>
	</div>
	<div class="clear"></div>
</div>
<div class="shopNav">
	<div class="slideall">

		<div class="long-title"><span class="all-goods">全部分类</span></div>
		<div class="nav-cont">
			<ul>
				<li class="index"><a href="#">首页</a></li>
				<li class="qc"><a href="#">闪购</a></li>
				<li class="qc"><a href="#">限时抢</a></li>
				<li class="qc"><a href="#">团购</a></li>
				<li class="qc last"><a href="#">大包装</a></li>
			</ul>
			<div class="nav-extra">
				<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
				<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
			</div>
		</div>

		<!--侧边导航 -->
		<div id="nav" class="navfull">
			<div class="area clearfix">
				<div class="category-content" id="guide_2">

					<div class="category">
						<ul class="category-list" id="js_climit_li">

							<li v-for="catelog in result">
								<!--
									<div class="category-info">
									<h3 class="category-name b-category-name"><i><img src="../images/cookies.png"></i><a class="ml-22"  v-bind:title="catelog.title">{{catelog.title}}</a></h3>
									<em>&gt;</em></div>
								-->

								<div class="category-info">
									<h3 class="category-name b-category-name"><a class="ml-22"  v-bind:title="catelog.title">{{catelog.title}}</a></h3>
									<em>&gt;</em></div>
								<div class="menu-item menu-in top">
									<div class="area-in">
										<div class="area-bg">
											<div class="menu-srot">
												<div class="sort-side">
													<dl class="dl-sort" v-for="catelogtow in catelog.children">
														<dt><span v-bind:title="catelogtow.title">{{catelogtow.title}}</span></dt>
														<dd v-for="catelogthree in catelogtow.children"><a v-bind:title="catelogthree.title"  :href="'search.html?catalog3Id='+catelogthree.id"><span>{{catelogthree.title}}</span></a></dd>
													</dl>
												</div>
												<div class="brand-side">
													<dl v-for="catelogtow in catelog.children" class="dl-sort"><dt><span>实力品牌</span></dt>

														<dd  v-for="catelogthree in catelogtow.children"><a rel="nofollow" title="YYKCLOT" target="_blank" :href="'search.html?brandId='+catelogthree.brandId" rel="nofollow"><span  class ="red" >{{catelogthree.brandName}}</span></a></dd>
													</dl>
												</div>
											</div>
										</div>
									</div>
								</div>
								<b class="arrow"></b>
							</li>

						</ul>
					</div>
				</div>

			</div>
		</div>


		<!--轮播-->

		<script type="text/javascript">
			(function() {
				$('.am-slider').flexslider();
			});
			$(document).ready(function() {
				$("li").hover(function() {
					$(".category-content .category-list li.first .menu-in").css("display", "none");
					$(".category-content .category-list li.first").removeClass("hover");
					$(this).addClass("hover");
					$(this).children("div.menu-in").css("display", "block")
				}, function() {
					$(this).removeClass("hover")
					$(this).children("div.menu-in").css("display", "none")
				});
			})
		</script>



		<!--小导航 -->
		<div class="am-g am-g-fixed smallnav">
			<div class="am-u-sm-3">
				<a href="sort.html"><img src="../images/navsmall.jpg" />
					<div class="title">商品分类</div>
				</a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img src="../images/huismall.jpg" />
					<div class="title">大聚惠</div>
				</a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img src="../images/mansmall.jpg" />
					<div class="title">个人中心</div>
				</a>
			</div>
			<div class="am-u-sm-3">
				<a href="#"><img src="../images/moneysmall.jpg" />
					<div class="title">投资理财</div>
				</a>
			</div>
		</div>

		<!--走马灯 -->

		<div class="marqueen">
			<span class="marqueen-title">商城头条</span>
			<div class="demo">

				<ul>
					<li class="title-first"><a target="_blank" href="#">
						<img src="../images/TJ2.jpg"></img>
						<span>[特惠]</span>商城爆品1分秒
					</a></li>
					<li class="title-first"><a target="_blank" href="#">
						<span>[公告]</span>商城与广州市签署战略合作协议
						<img src="../images/TJ.jpg"></img>
						<p>XXXXXXXXXXXXXXXXXX</p>
					</a></li>

					<div class="mod-vip">
						<div class="m-baseinfo">
							<a href="../person/index.html">
								<img src="../images/getAvatar.do.jpg">
							</a>
							<em>
								Hi,<span class="s-name">小叮当</span>
								<a href="#"><p>点击更多优惠活动</p></a>
							</em>
						</div>
						<div class="member-logout">
							<a class="am-btn-warning btn" href="login.html">登录</a>
							<a class="am-btn-warning btn" href="register.html">注册</a>
						</div>
						<div class="member-login">
							<a href="#"><strong>0</strong>待收货</a>
							<a href="#"><strong>0</strong>待发货</a>
							<a href="#"><strong>0</strong>待付款</a>
							<a href="#"><strong>0</strong>待评价</a>
						</div>
						<div class="clear"></div>
					</div>

					<li><a target="_blank" href="#"><span>[特惠]</span>洋河年末大促，低至两件五折</a></li>
					<li><a target="_blank" href="#"><span>[公告]</span>华北、华中部分地区配送延迟</a></li>
					<li><a target="_blank" href="#"><span>[特惠]</span>家电狂欢千亿礼券 买1送1！</a></li>

				</ul>
				<div class="advTip"><img src="../images/advTip.jpg"/></div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	<script type="text/javascript">
		if ($(window).width() < 640) {
			function autoScroll(obj) {
				$(obj).find("ul").animate({
					marginTop: "-39px"
				}, 500, function() {
					$(this).css({
						marginTop: "0px"
					}).find("li:first").appendTo(this);
				})
			}
			$(function() {
				setInterval('autoScroll(".demo")', 3000);
			})
		}
	</script>
</div>
<div class="shopMainbg">
	<div class="shopMain" id="shopmain">
		<div style="height:100px;"></div>
<div class="aui-content-max">
	<div class="aui-sale-time">
		<a href="javascript:;" class="aui-sale-time-link">
			<div class="aui-sale-title">限时秒杀</div>
			<div class="aui-sale-second">FLASH DEALS</div>
			<div class="aui-sale-icon-sd"></div>
			<div class="aui-sale-ends">本场距离结束还剩</div>
			<div class="aui-sale-count">
				<div class="aui-sale-count-item">
					<span id="hour_show">00时</span>
				</div>
				<div class="aui-sale-count-item">
					<span id="minute_show">00分</span>
				</div>
				<div class="aui-sale-count-item">
					<span id="second_show">00秒</span>
				</div>
			</div>
		</a>
	</div>
	<div class="aui-content-box">
		<div class="prev">
			<a href="javascript:void(0)">
				<img src="img/prev.png" alt="">
			</a>
		</div>
		<div class="aui-content-box-ovf">
			<div class="aui-content-box-list">
				<ul>

					<li v-for="seckillDataValue in seckillData">
						<a href="#">
							<div class="aui-content-item-img">
								<img v-bind:src="seckillDataValue.skuInfoVo.sku_default_img" alt="">
							</div>
							<p class="aui-content-item-name">{{seckillDataValue.skuInfoVo.sku_name}}</p>
							<div class="aui-content-price">
								<span class="aui-content-price-new">
									<i>¥</i>
									<span>{{seckillDataValue.skuInfoVo.price}}</span>
								</span>
					<!--
					 			<span class="aui-content-price-origin">
									<i>¥</i>
									<span>229.90</span>
								</span>
					 -->
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="next">
			<a href="javascript:void(0)">
				<img src="img/next.png" alt="">
			</a>
		</div>
	</div>
	<div class="aui-small-ad">
		<div class="example2">
			<ul>
				<li>
					<img src="img/ad2.jpg" alt="2">
				</li>
				<li>
					<img src="img/ad1.jpg" alt="1">
				</li>
				<li>
					<img src="img/ad3.jpg" alt="3">
				</li>
			</ul>
			<ol>
				<li></li>
				<li></li>
				<li></li>
			</ol>
		</div>
	</div>
</div>

	</div>
	<div class="clear "></div>

	<div class="clear "></div>


	<div id="f1">
		<!--甜点-->

		<div class="am-container ">
			<div class="shopTitle ">
				<h4>猜你喜欢</h4>
				<h3>每一个商品都有一个故事</h3>

				<span class="more ">
                    <a href="# ">更多美味<i class="am-icon-angle-right" style="padding-left:10px ;" ></i></a>
                        </span>
			</div>
		</div>

		<div class="am-g am-g-fixed floodFour">
			<div class="am-u-sm-5 am-u-md-4 text-one list ">


				<div class="triangle-topright"></div>
			</div>






			<div v-for="rand in randSku" class="am-u-sm-3 am-u-md-2 text-three ">
				<div class="outer-con ">
					<div class="title ">
						{{rand.sku_name}}
					</div>
					<div class="sub-title ">
						{{rand.sku_price}}
					</div>
					<i class="am-icon-shopping-basket am-icon-md  seprate"></i>
				</div>
				<a :href="'introduction.html?skuId='+rand.sku_id"><img :src="rand.sku_default_img" /></a>
			</div>



		</div>
		<div class="clear "></div>
	</div>









	<div class="footer ">
		<div class="footer-hd ">
			<p>
				<a href="# ">恒望科技</a>
				<b>|</b>
				<a href="# ">商城首页</a>
				<b>|</b>
				<a href="# ">支付宝</a>
				<b>|</b>
				<a href="# ">物流</a>
			</p>
		</div>
		<div class="footer-bd ">
			<p>
				<a href="# ">关于恒望</a>
				<a href="# ">合作伙伴</a>
				<a href="# ">联系我们</a>
				<a href="# ">网站地图</a>
				<em>© 2015-2025 Hengwang.com 版权所有</em>
			</p>
		</div>
	</div>

</div>
</div>
	<!--引导 -->
<div class="navCir">
	<li class="active"><a href="home.html"><i class="am-icon-home "></i>首页</a></li>
	<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
	<li><a href="#" @click="GouWuChe()"><i class="am-icon-shopping-basket"></i>购物车</a></li>
	<li><a href="../person/index.html"><i class="am-icon-user"></i>我的</a></li>
</div>


	<!--菜单 -->
<div class=tip>
	<div id="sidebar">
		<div id="wrap">
			<div id="prof" class="item ">
				<a href="# ">
					<span class="setting "></span>
				</a>
				<div class="ibar_login_box status_login ">
					<div class="avatar_box ">
						<p class="avatar_imgbox "><img src="../images/no-img_mid_.jpg " /></p>
						<ul class="user_info ">
							<li>用户名sl1903</li>
							<li>级&nbsp;别普通会员</li>
						</ul>
					</div>
					<div class="login_btnbox ">
						<a href="# " @click="GouWuChe()" class="login_order ">我的订单</a>
						<a href="# " class="login_favorite ">我的收藏</a>
					</div>
					<i class="icon_arrow_white "></i>
				</div>

			</div>
			<div id="shopCart " class="item ">
				<a href="#" @click="GouWuChe()">
					<span class="message "></span>
				</a>
				<p>
					购物车
				</p>
				<p class="cart_num ">0</p>
			</div>
			<div id="asset " class="item ">
				<a href="# ">
					<span class="view "></span>
				</a>
				<div class="mp_tooltip ">
					我的资产
					<i class="icon_arrow_right_black "></i>
				</div>
			</div>

			<div id="foot " class="item ">
				<a href="# ">
					<span class="zuji "></span>
				</a>
				<div class="mp_tooltip ">
					我的足迹
					<i class="icon_arrow_right_black "></i>
				</div>
			</div>

			<div id="brand " class="item ">
				<a href="#">
					<span class="wdsc "><img src="../images/wdsc.png " /></span>
				</a>
				<div class="mp_tooltip ">
					我的收藏
					<i class="icon_arrow_right_black "></i>
				</div>
			</div>

			<div id="broadcast " class="item ">
				<a href="# ">
					<span class="chongzhi "><img src="../images/chongzhi.png " /></span>
				</a>
				<div class="mp_tooltip ">
					我要充值
					<i class="icon_arrow_right_black "></i>
				</div>
			</div>

			<div class="quick_toggle ">
				<li class="qtitem ">
					<a href="# "><span class="kfzx "></span></a>
					<div class="mp_tooltip ">客服中心<i class="icon_arrow_right_black "></i></div>
				</li>
				<!--二维码 -->
				<li class="qtitem ">
					<a href="#none "><span class="mpbtn_qrcode "></span></a>
					<div class="mp_qrcode " style="display:none; "><img src="../images/weixin_code_145.png " /><i class="icon_arrow_white "></i></div>
				</li>
				<li class="qtitem ">
					<a href="#top " class="return_top "><span class="top "></span></a>
				</li>
			</div>

			<!--回到顶部 -->
			<div id="quick_links_pop " class="quick_links_pop hide "></div>

		</div>

	</div>
	<div id="prof-content " class="nav-content ">
		<div class="nav-con-close ">
			<i class="am-icon-angle-right am-icon-fw "></i>
		</div>
		<div>
			我
		</div>
	</div>
	<div id="shopCart-content " class="nav-content ">
		<div class="nav-con-close ">
			<i class="am-icon-angle-right am-icon-fw "></i>
		</div>
		<div>
			购物车
		</div>
	</div>
	<div id="asset-content " class="nav-content ">
		<div class="nav-con-close ">
			<i class="am-icon-angle-right am-icon-fw "></i>
		</div>
		<div>
			资产
		</div>

		<div class="ia-head-list ">
			<a href="# " target="_blank " class="pl ">
				<div class="num ">0</div>
				<div class="text ">优惠券</div>
			</a>
			<a href="# " target="_blank " class="pl ">
				<div class="num ">0</div>
				<div class="text ">红包</div>
			</a>
			<a href="# " target="_blank " class="pl money ">
				<div class="num ">￥0</div>
				<div class="text ">余额</div>
			</a>
		</div>

	</div>
	<div id="foot-content " class="nav-content ">
		<div class="nav-con-close ">
			<i class="am-icon-angle-right am-icon-fw "></i>
		</div>
		<div>
			足迹
		</div>
	</div>
	<div id="brand-content " class="nav-content ">
		<div class="nav-con-close ">
			<i class="am-icon-angle-right am-icon-fw "></i>
		</div>
		<div>
			收藏
		</div>
	</div>
	<div id="broadcast-content " class="nav-content ">
		<div class="nav-con-close ">
			<i class="am-icon-angle-right am-icon-fw "></i>
		</div>
		<div>
			充值
		</div>
	</div>
</div>
</span>

<script type="text/javascript " src="../basic/js/quick_links.js "></script>
</body>

<script type="text/javascript ">

	 var home=new Vue({
			el:'#app',
			data:{
				result:[],//返回首页的三级菜单
				seckillData:[],
				sumtime:'',//秒杀的总时间毫秒
               randSku:[]
			},
			created:function (){
				this.getHomeTree();
				this.getSeckill();
				this.getRandSku();
			},
			methods:{
				getHomeTree(){
					$.ajax({
						url:glodate.serverZuul+"category/getHomeTree",
						method:'get',
						async:false,//必须加同步，否则页面属性会损坏
						success:(res)=>{
							this.result=res.data;
							console.log(this.result)
						}
					})
				},
				GouWuChe(){
					//解决前端跨域传数据到后台不携带cookie值的
					axios.defaults.withCredentials=true
					axios.get(glodate.serverZuul+"cart/getCarts").then((res)=>{
						window.location.href=glodate.pre+"home/shopcart.html"
					})
				},
				getSeckill(){
					axios.get(glodate.serverZuul+"seckill/currentSeckillSkus").then(response=>{
						this.seckillData=response.data.data;
						let end=response.data.data[0].endTime;
						let start=response.data.data[0].startTime;
						this.sumtime=(parseInt(end)-parseInt(start));
						console.log(response.data.data[0].startTime);


					});

				},
				getRandSku(){
					axios.get(glodate.serverZuul+"skuInfo/getrandThree").then(item=>{
						 this.randSku=item.data;
					})
				}
			}
		});
       //进行一次搜索

		$('#ai-topsearch').on('click',function (){
			 let keyword=$('#searchInput').val();

			 window.location.href='search.html?keyword='+encodeURI(keyword);
			return false;
		})


</script>
<script>
	//秒杀
	//商品滚动
	$(function(){

		$(".next a").click(function(){ nextscroll() });

		function nextscroll(){

			var vcon = $(".aui-content-box-list ");

			var offset = ($(".aui-content-box-list li").width())*-1;

			vcon.stop().animate({left:offset},"slow",function(){

				var firstItem = $(".aui-content-box-list ul li").first();

				vcon.find("ul").append(firstItem);

				$(this).css("left","0px");

				circle()

			});

		};

		function circle(){

			var currentItem = $(".aui-content-box-list ul li").first();

			var currentIndex = currentItem.attr("index");

			$(".circle li").removeClass("circle-cur");

			$(".circle li").eq(currentIndex).addClass("circle-cur");

		}


		$(".prev a").click(function(){

			var vcon = $(".aui-content-box-list ");

			var offset = ($(".aui-content-box-list li").width()*-1);

			var lastItem = $(".aui-content-box-list ul li").last();

			vcon.find("ul").prepend(lastItem);

			vcon.css("left",offset);

			vcon.animate({left:"0px"},"slow",function(){

				circle()

			})

		});


	});

	var intDiff = parseInt(6000);//倒计时总秒数量

	function timer(intDiff){

		window.setInterval(function(){


			var day=0,

					hour=0,

					minute=0,

					second=0;//时间默认值
			if(intDiff > 0){

				day = Math.floor(intDiff / (60 * 60 * 24));

				hour = Math.floor(intDiff / (60 * 60)) - (day * 24);

				minute = Math.floor(intDiff / 60) - (day * 24 * 60) - (hour * 60);

				second = Math.floor(intDiff) - (day * 24 * 60 * 60) - (hour * 60 * 60) - (minute * 60);

			}

			if (minute <= 9) minute = '0' + minute;

			if (second <= 9) second = '0' + second;


			$('#hour_show').html('<s id="h"></s>'+hour+'时');

			$('#minute_show').html('<s></s>'+minute+'分');

			$('#second_show').html('<s></s>'+second+'秒');

			intDiff--;


		}, 1000);

	}


	$(function(){

		timer(intDiff);

	});

	//ad自动滚动
	$(function(){
		$(".example2").luara({width:"194",height:"275",interval:3500,selected:"seleted",deriction:"left"});

	});
</script>

<!--
<script>
	//秒杀
	//商品滚动
	$(function(){

		$(".next a").click(function(){ nextscroll() });

		function nextscroll(){

			var vcon = $(".aui-content-box-list ");

			var offset = ($(".aui-content-box-list li").width())*-1;

			vcon.stop().animate({left:offset},"slow",function(){

				var firstItem = $(".aui-content-box-list ul li").first();

				vcon.find("ul").append(firstItem);

				$(this).css("left","0px");

				circle()

			});

		};

		function circle(){

			var currentItem = $(".aui-content-box-list ul li").first();

			var currentIndex = currentItem.attr("index");

			$(".circle li").removeClass("circle-cur");

			$(".circle li").eq(currentIndex).addClass("circle-cur");

		}


		$(".prev a").click(function(){

			var vcon = $(".aui-content-box-list ");

			var offset = ($(".aui-content-box-list li").width()*-1);

			var lastItem = $(".aui-content-box-list ul li").last();

			vcon.find("ul").prepend(lastItem);

			vcon.css("left",offset);

			vcon.animate({left:"0px"},"slow",function(){

				circle()

			})

		});


	});

	var intDiff = parseInt(328284000);//倒计时总秒数量



	var t=setTimeout(time,1000);
	function time(){
		clearTimeout(t);

		var day=0,

				hour=0,

				minute=0,

				second=0;//时间默认值

		if(intDiff > 0){

			day = Math.floor(intDiff / 86400000);//86400000毫秒=1天

			hour = Math.floor((intDiff % 86400000)/3600000);//3600000=1小时

			minute = Math.floor((intDiff % 3600000)/60000);//60000=1分

			second = Math.floor((intDiff % 60000)/1000);//1000=1秒

		}

		$('#hour_show').html('<s id="h"></s>'+hour+'时');

		$('#minute_show').html('<s></s>'+minute+'分');

		$('#second_show').html('<s></s>'+second+'秒');
		t=setTimeout(time,1000);
	}






	//ad自动滚动
	$(function(){
		$(".example2").luara({width:"194",height:"275",interval:3500,selected:"seleted",deriction:"left"});

	});
</script>


-->
</html>